<template>
    <div class="con" id="backg">
        <p style="color:green;font-size:22px">恭喜您提交成功！</p>
        您的得分：<p style="font-size:36px;color:green">{{points}}</p>
        <div>
            <ul>
                <li v-for="(item,index) in answerlist" :key="index">
                    <p><span>{{index+1}}</span>{{item.question_desc}}</p>
                    <p>{{item.answer}}</p>
                </li>
            </ul>
        </div>
        <div style="width:300px;margin:0 auto; padding:20px 0;font-size:16px;font-weight:normal;">
          <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=13020302001048" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
            <img src="../assets/countryicon.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">冀公网安备 13020302001048号</p >
          </a >
        </div>
        <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer" style="font-size:16px;font-weight:normal;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">冀ICP备2021009292号-2</a>
    </div>
</template>
<script>
export default{
    data() {
        return{
            points:0
        }
    },
    created() {
        // let params = new URLSearchParams(location.search);
        // this.points = params.get('point') || window.localStorage.getItem('point')
        this.points = this.$route.params.point|| window.localStorage.getItem('point')
        this.answerlist = this.$route.params.answerlist
    }
}
</script>
<style scoped>
#backg{
  background: url(./../assets/bg.png);
  background-size: 100% 100%;
 height: 100%;
 position: fixed;
 width: 100%
}
.con{
    font-size: 20px;
    font-weight: 700;
    padding-top: 35%;
}
</style>